<div>
    <table class="table table-bordered table-striped table-hover">
        <thead>
        <tr>
            <th>序号</th>
            <th>组件</th>
            <th>效果</th>
        </tr>
        </thead>
        <tbody>
        <tr>
            <th scope="row">1</th>
            <td>基本组件</td>
            <td>
                <basic></basic>
            </td>
        </tr>
        <tr>
            <th scope="row">2</th>
            <td>ng前缀的标签</td>
            <td>
                <ng-tag></ng-tag>
            </td>
        </tr>
        <tr>
            <th scope="row">3</th>
            <td>点击事件</td>
            <td>
                <click-event></click-event>
            </td>
        </tr>
        <tr>
            <th scope="row">4</th>
            <td>键盘事件(key-up和key-down一样的效果)</td>
            <td>
                <keyup-event></keyup-event>
            </td>
        </tr>
        <tr>
            <th scope="row">4</th>
            <td>键盘事件(enter和blur)</td>
            <td>
                <enter-blur-event></enter-blur-event>
            </td>
        </tr>
        <tr>
            <th scope="row">5</th>
            <td>多组件</td>
            <td>
                <components-component></components-component>
            </td>
        </tr>
        <tr>
            <th scope="row">6</th>
            <td>host属性</td>
            <td>
                <host-property></host-property>
            </td>
        </tr>
        <tr>
            <th scope="row">7</th>
            <td>验证表单</td>
            <td>
                <validate-form></validate-form>
            </td>
        </tr>
        <tr>
            <th scope="row">8</th>
            <td>http的服务</td>
            <td>
                <http-service></http-service>
            </td>
        </tr>
        </tbody>
    </table>

</div>